<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>

    </h:head>

    <h:body>

        <ui:composition template="WEB-INF/template/master.xhtml">

            <ui:define name="header">
                <div data-role="header" data-theme="a" data-position="inline">
                    <a href="day.xhtml" data-icon="arrow-l" data-iconpos="left">Zurück</a>
                    <h1 align="center">Veranstaltung hinzufügen</h1>
                </div>
            </ui:define>

            <ui:define name="content">
                <div data-role="content" data-theme="a">
                        <!-- URL, Cookie und Bean-Parmeter werden validiert -->
                        <c:if test="#{timetableBean.validateParameter()==true}">
                            <!-- wurde ein Kurs hinzugefügt -> Meldung -->
                            <c:set var="Lecture" value="#{timetableBean.checkAddParameterFromURL()}"/>
                            <c:if test="#{Lecture != null}">
                                <ul data-role="listview" data-inset="true" data-theme="b">
                                    <li>
                                        <p class="ui-search-add">Kurs <b>#{Lecture.getLecname()}</b> wurde erfolgreich hinzugefügt!</p> 
                                    </li>
                                </ul>
                            </c:if>


                            <!-- Verschachteln der "Inset Search Filter Bar" in den "Collapsible-Container" -->
                            <c:forEach var="Courseofstudy" items="#{timetableBean.getCourseOfStudyCollection()}">
                                
                                <div data-role="collapsible" data-theme="a" data-content-theme="a">
                                    <h3>#{Courseofstudy.getCoursename()}</h3>
                                    <!-- Absatz, damit das erste Listenelement nicht das Suchfenster verdeckt -->
                                    <p></p>
                                    <c:choose>
                                    <c:when test="#{timetableBean.getCountNotAddedLectureCollection(Courseofstudy)>0}">
                                    <ul data-role="listview" data-filter="true" data-filter-placeholder="Suche Vorlesung..." data-inset="true" data-theme="a">
                                        <c:forEach var="Lecture" items="#{timetableBean.getNotAddedLectureCollection()}">
                                            <c:if test="#{Courseofstudy.getIdcourse()==Lecture.getSemester().getCourseofstudy().getIdcourse()}">
                                            <li><a href="addLecture.xhtml?add=#{Lecture.getIdlecture()}&amp;sess=#{timetableBean.getSessionidFromBean()}&amp;rand=#{timetableBean.getRandomForURL()}">
                                                    #{Lecture.getLecname()} ( #{Lecture.getSemester().getCourseofstudy().getCourseshortcut()} #{Lecture.getSemester().getNumber()})
                                                </a></li>
                                            </c:if>
                                        </c:forEach>

                                    </ul>
                                        
                                        </c:when>
                                        <c:otherwise>
                                            <p>Keine weiteren Vorlesungen vorhanden! Es wurden bereits alle zu Ihrem Plan hinzugefügt!</p>
                                        </c:otherwise>
                                    </c:choose>
                                </div>
                                
                            </c:forEach>
                        </c:if>
                </div>

            </ui:define>

            <ui:define name="footer">
                <ui:decorate template="WEB-INF/template/footer.xhtml">

                </ui:decorate>
            </ui:define>

        </ui:composition>


    </h:body>

</html>